網頁
程式碼
由於是第一次發布網頁到github
研究了好一番才成功
有些程式碼也需要更改 像是

<img src="C:\Users\calvi\OneDrive\Desktop\web-projects\web-projects\test-site\images\隱鬼.png" alt="角色圖片" />

改成

<img src="images/隱鬼.png" alt="角色圖片" />

是因為路徑不同 存在github上的不會有前綴

調整文字排版也花了一點時間
主要研究下列內容

.image-wrapper p {
  display: flex;
  flex-direction: column; /* 设置元素内部为垂直方向布局 */
  align-items: center; /* 水平居中对齐 */
  text-align: center; /* 文本水平居中对齐 */
  max-width: 500px; /* 限制文本的最大宽度，根据需要调整 */
  overflow: visible; /* 允许文本换行，而不隐藏溢出部分 */
  overflow-wrap: break-word; /* 在单词内允许换行 */
}

其他像是更改主題&增加超連結&角色介紹